<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>唱吧UFO家族</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Add custom CSS here -->
    <link href="css/modern-business.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
  </head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!-- You'll want to use a responsive image option so this logo looks good on devices - I recommend using something like retina.js (do a quick Google search for it and you'll find it) -->
          <a class="navbar-brand" href="index.html">唱吧 UFO</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
<!--         <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="future-star.html">明日之星活动</a></li>
 
          </ul>
        </div>/.navbar-collapse -->
      </div><!-- /.container -->
    </nav>
    
    <div id="myCarousel" class="carousel slide">
      <!-- Indicators -->
        <ol class="carousel-indicators">
          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<!--           <li data-target="#myCarousel" data-slide-to="1"></li>
          <li data-target="#myCarousel" data-slide-to="2"></li> -->
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
          <div class="item active">
            <div class="fill" style="background-image:url('http://aliimg.changba.com/cache/photo/145062137_640_640.jpg');"></div>
            <div class="carousel-caption">
              <h1>《明日之星》正在招募中</h1>
            </div>
          </div>
  <!--         <div class="item">
            <div class="fill" style="background-image:url('http://images-cdn.digu.com/a43f5bfd48f248cf8cdf75c0d5fcf49d0002.jpg');"></div>
            <div class="carousel-caption">
              <h1>《唱吧UFO歌王争霸赛》即将启动</h1>
            </div>
          </div>
          <div class="item">
            <div class="fill" style="background-image:url('http://images-cdn.digu.com/7bdb67bb145243dc93d79760fd77c50a0001.jpg');"></div>
            <div class="carousel-caption">
              <h1>爱生活 爱UFO</h1>
            </div>
          </div> -->
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
          <span class="icon-prev"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
          <span class="icon-next"></span>
        </a>
    </div>

    <div class="section">

      <div class="container">

        <div class="row">
          <div class="col-lg-4 col-md-4">
            <h3><i class="icon-ok-circle"></i> UFO是什么</h3>
            <p>UFO是一个唱吧的家族，专治各种因唱吧引起的疑难杂症，目前主打三类产品：国一大力丸、无敌防喷止刷糖浆、多功能秒狗棒。</p>
          </div>
          <div class="col-lg-4 col-md-4">
            <h3><i class="icon-pencil"></i> UFO的愿景</h3>
            <p>UFO致力于维护一个和谐稳定的唱吧氛围，加入UFO病态研究院，哪里有病治哪里，so easy，妈妈再也不用担心我上不去榜了</p>
          </div>
          <div class="col-lg-4 col-md-4">
            <h3><i class="icon-folder-open-alt"></i> 怎么加入UFO</h3>
            <p>请密切关注唱吧UFO的动向，一有活动或招生需求均会在唱吧、官网以及Q群同步更新，Q群号：460927，申请审核通过后即可加入</p>
          </div>
        </div><!-- /.row -->

      </div><!-- /.container -->

    </div><!-- /.section -->

    <div class="section-colored text-center">

      <div class="container">

        <div class="row">
          <div class="col-lg-12">
            <h2>UFO只招收精英，只与优秀积极的人为伍</h2>
            <p>如果你热爱音乐，积极向上，那么请加入我们， 我们每一个人都上得了厅堂，下得了厨房，打得了喷狗，骂得过狗娘</p>
            <hr>
          </div>
        </div><!-- /.row -->

      </div><!-- /.container -->

    </div><!-- /.section-colored -->

    <div class="section">

      <div class="container">

        <div class="row">
          <div class="col-lg-12 text-center">
            <h2>UFO团队</h2>
            <hr>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-6">
            <a href="http://changba.com/u/52947098"><img class="img-responsive img-home-portfolio" src="http://aliimg.changba.com/cache/photo/145062137_320_320.jpg"></a>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-6">
            <a href="http://changba.com/u/50687431"><img class="img-responsive img-home-portfolio" src="http://aliimg.changba.com/cache/photo/149615059_320_320.jpg"></a>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-6">
            <a href="http://changba.com/u/44640619"><img class="img-responsive img-home-portfolio" src="http://aliimg.changba.com/cache/photo/147260148_320_320.jpg"></a>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-6">
            <a href="http://changba.com/u/80867391"><img class="img-responsive img-home-portfolio" src="http://aliimg.changba.com/cache/photo/149540833_320_320.jpg"></a>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-6">
            <a href="http://changba.com/u/47614030"><img class="img-responsive img-home-portfolio" src="http://aliimg.changba.com/cache/photo/149861949_320_320.jpg"></a>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-6">
            <a href="http://changba.com/u/67551575"><img class="img-responsive img-home-portfolio" src="http://aliimg.changba.com/cache/photo/149516583_320_320.jpg"></a>
          </div>
          <div class="col-lg-4 col-md-4 col-sm-6">
            <a href="http://changba.com/u/49514843"><img class="img-responsive img-home-portfolio" src="http://aliimg.changba.com/cache/photo/149403782_320_320.jpg"></a>
          </div>
           <div class="col-lg-4 col-md-4 col-sm-6">
            <a href="http://changba.com/u/87362309"><img class="img-responsive img-home-portfolio" src="http://aliimg.changba.com/cache/photo/143332704_320_320.jpg"></a>
          </div>
           <div class="col-lg-4 col-md-4 col-sm-6">
            <a href="http://changba.com/u/97720504"><img class="img-responsive img-home-portfolio" src="http://aliimg.changba.com/cache/photo/145062137_320_320.jpg"></a>
          </div>
        </div><!-- /.row -->

      </div><!-- /.container -->

    </div><!-- /.section -->

    <div class="section-colored">

      <div class="container">

        <div class="row">
          <div class="col-lg-6 col-md-6 col-sm-6">
            <h2>《明日之星》招募条件</h2>
            <ul>
              <li>热爱唱歌，具备卓越演唱实力或表演天赋</li>
              <li>男女不限年龄不限等级不限</li>
              <li>招收名额为10名</li>
              <li>优先考虑新人</li>
              <li>优先考虑活跃的歌友</li>
              <li>拒绝抱有特殊目的的人加入</li>
              <li>拒绝有多次删歌、盗歌、暂别等行为的人加入</li>
              <li>拒绝各种情绪化的人加入</li>
              <li>拒绝没有集体荣誉感的人加入</li>
              <li>可推荐或自荐，推荐成功者可获得UFO一次鼎力支持的机会</li>
              <li>报名请加UFO Q群：460927，并分享一首参赛作品至Q群</li>
              <li>选拔结果将同时公布于唱吧和UFO官网，请密切关注</li>
            </ul>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6">
            <img class="img-responsive" src="http://img1.niutuku.com/200911/26084718db082553c15775.jpg">
          </div>
        </div><!-- /.row -->

      </div><!-- /.container -->

    </div><!-- /.section-colored -->

<!--     <div class="section">

      <div class="container">

        <div class="row">
          <div class="col-lg-6 col-md-6 col-sm-6">
            <img class="img-responsive" src="http://placehold.it/700x450">
          </div>
          <div class="col-lg-6 col-md-6 col-sm-6">
            <h2>:</h2>
            <ul>
              <li>Bootstrap 3 Framework</li>
              <li>Mobile Responsive Design</li>
              <li>Predefined File Paths</li>
              <li>Working PHP Contact Page</li>
              <li>Minimal Custom CSS Styles</li>
              <li>Unstyled: Add Your Own Style and Content!</li>
              <li>Font-Awesome fonts come pre-installed!</li>
              <li>100% <strong>Free</strong> to Use</li>
              <li>Open Source: Use for any project, private or commercial!</li>
            </ul>
          </div>
        </div>/.row

      </div>/.container

    </div>/.section -->


    <div class="container">

      <hr>

      <footer>
        <div class="row">
          <div class="col-lg-12">
            <p>Copyright &copy; changba-ufo 2013</p>
          </div>
        </div>
      </footer>

    </div><!-- /.container -->

    <!-- Bootstrap core JavaScript -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/modern-business.js"></script>
  </body>
</html>